<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <meta name="keywords" content="开摆吧,论坛,帖子,吧主,聊吧">
  <meta name="description" content="以老UC聊吧为蓝图打造的论坛,多人发帖,特别的论坛玩法">
  <title>Document</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/default-color.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/reg.css">
  <script src="../js/auto-adaptive.js"></script>
  <script src="../js/reg.js"></script>
</head>
<body>
  <header>
    <div class="header-broadcast">
      <p class="single-ellipsis">肖小琳手起刀落把胡小加大卸八块，还拿了小加</p>
    </div>
    <div class="user-info"><a href="javascript:;">登录</a><a href="javascript:;">注册</a></div>
  </header>
  <main class="reg">
    <h1>欢迎注册开摆吧用户</h1>
    <form action="#" method="get" class="reg-form">
      <div><span>账号：</span><input type="text" placeholder="请输入用户名" name="userName"></div>
      <div><span>密码：</span><input type="password" placeholder="请输入密码" name="userPwd"></div>
      <div><span>邮箱：</span><input type="text" placeholder="请输入邮箱" name="userEmail"></div>
      <div><span>性别：</span><select name="gender" id="male"><option value="male">男</option><option value="famale">女</option></select></div>
      <div>
        <span>城市：</span>
        <select name="provice">
          <option value="请选择省份">请选择省份</option>
        </select>
        <select name="city">
          <option value="请选择城市">请选择城市</option>
        </select>
      </div>
      <div>
        <span>密保：</span>
        <select name="securityQuestion">
          <option value="你的生日">你的生日</option>
        </select>
      </div>
      <div><span>答案：</span><input type="text" name="questionAnswer"></div>
      <div><span>验证码：</span><input type="text" name="securityCode"><img src="../../3_项目素材/pig.jpg" alt=""></div>
      <button type="submit" class="sub-reg">注册</button>
      <button class="go-back">返回</button>
    </form>
  </main>
  <footer>
    <p>开摆吧 ┗( ▔, ▔ )┛</p>
    <p>kaibaiba.com</p>
  </footer>
</body>
</html>